@charset "utf-8";
/* CSS Document */
.offer-menu
{
	margin-top:3px;
	margin-bottom:3px;
	float:left;
	width:959px;
	height:40px;
	background-color:#f1f1f1;
	border:1px solid #abd6ff;	
}
.offer-menu-cell
{
	color:#7a92af;
	float:left;
	height:40px;
	background:transparent url(../Image/migiv2/gift.gif) no-repeat;
}
.offer-menu-cell:hover
{
	background:transparent url(../Image/migiv2/gift-focus.gif) no-repeat;
	
}
.offer-menu-cell a
{
  	color:#7a92af;	
	text-decoration:none;
	font-size:12pt;
}
.offer-menu-cell a:hover
{
  	color:#2078de;	
}

.offer-menu-split
{
	background-color:#87aeae;
	float:left;
	height:20px;
	width:1px;
	margin:10px 15px;
}

.offer-left
{
	float:left;
	width:200px;
	padding:5px 0;
}

.offer-left-avatar
{
	float:left;
	width:200px;
	padding:10px 0;
	border:1px solid #abd6ff;
	margin-top:5px;
	text-align:center;
}
.offer-left-avatar img
{
	height:180px;
	width:180px;
}

.offer-left-caption
{
	float:left;
	width:200px;
	padding:10px 0;
	background-color:#f1f1f1;
	border:1px solid #abd6ff;
	margin-top:5px;
}
.offer-left-menu
{
	float:left;
	width:200px;
	padding:5px 0;
	border:1px solid #abd6ff;
	border-top:none;
}
.offer-left-menu-cell
{
	float:left;
	width:190px;
	padding:5px 0;
	padding-left:10px;
	border-bottom:1px dashed #abd6ff;
}
.offer-left-menu-cell:hover
{
	background-color:#faf7fa;	
}

.offer-right
{
	float:left;
	width:760px;
}

.offer-right-search
{
	float:left;
	width:750px;
	padding:5px 5px;
}

.offer-right-caption
{
	float:left;
	width:744px;
	padding:5px 0;
	margin-left:15px;
	background-color:#f1f1f1;
	border:1px solid #abd6ff;
	height:25px;
}

.offer-right-map
{
	float:left;
	width:734px;
	margin-top:5px;
	padding:5px 5px;
	margin-left:15px;
	background-color:#ffffff;
	border:1px solid #abd6ff;
	height:400px;
	display:none;
}
.offer-right-list-offer
{
	float:left;
	width:750px;
	padding:5px 0;
	padding-left:10px;
}

.offer-right-offer-detail
{
	float:left;
	width:225px;
	height:275px;
	padding:5px 5px;
	margin:5px 5px;
	border:1px solid #92c7fa;
	background-color:#FFFFFF;
}

.offer-right-offer-detail:hover
{
	border:1px solid #7ebbf5;
	background-color:#faf7fa;
}


.offer-right-offer-detail-name
{
	float:left;
	width:225px;
	border-bottom:1px dashed #abd6ff;
	min-height:40px;
}
.offer-right-offer-detail-image
{
	float:left;
	width:225px;
	text-align:center;
	padding:5px 0;
}
.offer-right-offer-detail-image img
{
	width:120px;
	height:140px
}
.offer-right-offer-detail-name a
{
	font-size:12px;
	color:#718fb3; 
	font-weight:bold; 
	text-decoration:none;
}
.offer-right-offer-detail-description
{
	float:left;
	width:225px;
	border-top:1px dashed #abd6ff;
	padding:5px 0;
	font-size:12px;
	color:#718fb3; 
	min-height:40px;
}

.offer-right-offer-detail-buttom
{
	float:left;
	width:225px;
	border-top:1px dashed #abd6ff;
	padding:5px 0;
	font-size:12px;
	color:#718fb3; 
}

.offer-detail-popup
{
	float:left;
	width:742px;
	border:1px solid #105da8;
	background-color:#d4d4d4;
	min-height:100%;
	opacity:0.9;
}
.offer-detail-popup-name
{
	float:left;
	width:330px;
	padding:5px 206px;
	border-bottom:1px solid #105da8;
	background-color:#a29e9e;
	min-height:20px;
	font-size: 22px; 
	color: #000000; 
	font-weight: bold; 
	text-decoration: none;
}
.offer-detail-popup-cell
{
	float:left;
	width:723px;
	padding:5px 10px;
	font-size: 13px; 
	color: #718fb3;  
}
#DetailPopUp {
    left: 15px;
    position: fixed;
    top: 15px;
}
/*********************************************************************************************************
* Button Style
*********************************************************************************************************/
.ButtonRequest
{width: 90px; height: 25px; border: 1px solid;background-color: #EEEEEE; cursor: pointer; border-color:#CCCCCC #999999 #999999 #CCCCCC;}
.StandardButton
{width: 90px; height: 25px; border: 1px solid;background-color: #EEEEEE; cursor: pointer; border-color:#CCCCCC #999999 #999999 #CCCCCC;}
input[type=button]
{width: 90px; height: 25px; border: 1px solid;background-color: #EEEEEE; cursor: pointer; border-color:#CCCCCC #999999 #999999 #CCCCCC;}
/*
* Form Creating Offer/Request
*/
.CreatingForm{
width: 740px;
height: 800px;
border:1px solid #ABD6FF;
background-color:White;
margin-left:5px;
}
/*
* Cover Div
*/
.WaitingDiv
{
    height:600px; width:350px; opacity: 0.6; float:left; background-color:White;
}
.WaitingImage
{
    margin-left:150px; margin-right:auto; margin-top:180px;
}
/*
* Report as spam
*/
.ReportSpam{
text-decoration:none; float:left; cursor:pointer; color:Black; margin-top:2px;
}
.IsReported{
text-decoration:none; float:left; color:Black; margin-top:2px;
}
/*
* Div List Offer for event
*/
.offerTable
{
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 5px;
    min-height: 100px;
    width: 740px;
    border-color: #abd6ff;
    border-width: 0.5px;
    border-style: solid;
    background-color: White;
    display: table;
}
.leftCol
{
    width: 125px;
    height: 125px;
    float: left;
    margin: 2px;
    border-color: #abd6ff;
    border-width: 0.5px;
    border-style: solid;
    background-color: White;
    padding: 2px;
    text-align: center;
}
.rightCol
{
    width: 588px;
    min-height: 120px;
    float: left;
    padding: 5px;
    border-color: #abd6ff;
    border-width: 0.5px;
    border-style: solid;
    margin: 2px;
    background-color: White
}
a
{
    text-decoration:none;}
a:hover
{
    text-decoration:underline;}

/*
* Profile Map
*/
.profile-map
{
	float:left;
	width:734px;
	margin-top:5px;
	padding:5px 5px;
	margin-left:15px;
	background-color:#ffffff;
	border:1px solid #abd6ff;
	height:500px;
}